<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="__JS__/jquery-1.8.3.js"></script>
</head>
<body>
<h1>用户登录页面</h1>
<form action="" method="post">
    用户名：<input type="text" name="username"><br>
    密码：<input type="password" name="pwd"><br>
    验证码：<input type="text" name="code">
    <img src="<{:captcha_src()}>" alt="" id="img"><br>
    <button>登录</button>
</form>
<script>
<!--  如果验证失败会跳转回原来的页面，验证码是旧的，需要一个加载页面就刷新验证码的逻辑  -->
    // 页面加载事件 刷新验证码
    $(function (){
        $("#img").prop("src", "<{:captcha_src()}>?a=" + Math.random())
    })
    // 点击验证码切换
    $("#img").click(function () {
        // 拼接随机数才能使验证码改变地址，变换验证码
        $("#img").prop("src", "<{:captcha_src()}>?a=" + Math.random())
    })
</script>
</body>
</html>